<div class="body-panel" style="min-height: 680px" ng-controller="merchantInfoController">
    <div style="width: 95%; margin: auto;">
        <h2>
            Home Page <small>This is your message.</small>
        </h2>
        <a class="btn btn-primary pull-right"
           style="position: relative; right: 20px; bottom: 20px;"
           href="#/updateInfo">Update Info</a>
    </div>
    <div class="row" style="margin-top: 5%">
        <div class="col-md-4" style="text-align: center;">
            <img ng-src="{{constant.imgServer}}{{merchant.logo}}" width="200" heigth="200" style="border-radius: 10px;"><br /> <br />
            <a href="javascript:void(0)">Change Logo</a>
        </div>
        <div class="col-md-7">
            <div class="col-md-6">
                <h3>
                    <label class="control-label"> Merchant Name : </label><br /> <a
                        href="#/updateInfo" ng-bind="merchant.mname"></a>
                </h3>
                <br />
                <h3>

                    <label class="control-label"> Merchant Type : </label><br /> <a
                        href="#/updateInfo" ng-bind="merchant.types"></a>

                </h3>
            </div>
            <div class="col-md-6">
                <h3>
                    <label class="control-label"> Merchant Tel : </label><br /> <a
                        href="#/updateInfo" ng-bind="merchant.mtel"></a>
                </h3>
                <br />

            </div>
            <h3>
                <label class="control-label"> Merchant Address : </label><br />
                <a href="#/updateInfo"  ng-bind="merchant.address"></a>
            </h3>
            <br />
        </div>

    </div>
</div>